import React from 'react';
import { Input, Form } from 'antd';
import { useTranslation } from 'react-i18next';

const FormItem = Form.Item;

export default function Name() {
  const { t } = useTranslation('datasourceManage');
  return (
    <div data-oid='3ywk9w7'>
      <div className='page-title' data-oid='lymeb86'>
        {t('name')}
      </div>
      <FormItem label={t('form.name')} name='name' rules={[{ required: true }, { min: 3, message: t('form.name_msg2') }]} data-oid='pdo7lco'>
        <Input data-oid='wqlzl-7' />
      </FormItem>
    </div>
  );
}
